<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>geocloud</title>
		<script src="http://139.159.141.126:8888/api/v3/js/geocloud.php"></script>
	</head>
	<body>
		<div style="width: 100%;height: 100%; position: absolute" id="map"></div>
	</body>
	<script>
		// 初始化geocloud对象
		var gc2 = new geocloud.map({
			el: "map"
		});


		// 添加基础图层
		gc2.addBaseLayer("osm");
		// gc2.addBaseLayer("mapQuestOSM");
		// gc2.addBaseLayer("addMapQuestAerial");
		// gc2.addBaseLayer("googleStreets");
		// gc2.addBaseLayer("googleHybrid");
		// gc2.addBaseLayer("googleSatellite");
		// gc2.addBaseLayer("googleTerrain");
		// gc2.addBaseLayer("bingRoad");
		// gc2.addBaseLayer("bingAerialWithLabels");
		// gc2.addBaseLayer("bingAerial");
		// gc2.addBaseLayer("hereNormalDayGrey");
		// gc2.addBaseLayer("hereNormalNightGrey");
		// gc2.addBaseLayer("stamenToner");
		// gc2.addBaseLayer("stamenTonerLite");
		// gc2.addBaseLayer("yandexMap");
		// gc2.addBaseLayer("yandexSatellite");
		// gc2.addBaseLayer("yandexHybrid");
		// gc2.addBaseLayer("yandexPublicMap");
		// gc2.addBaseLayer("yandexPublicMapHybrid");
		// gc2.addBaseLayer("mapBoxNaturalEarth");

		// 从数据库中添加瓦片图层作为基础图层
		// gc2.addTileLayers({
		// 	db: "geocloud",
		// 	layers: ['public.wildfire_2017'],
		// 	isBaseLayer: true,
		// 	visibility: false,
		// 	// 给图层指定名称
		// 	names: ['2017年全球森林火灾']
		// });

		// 设置显示的基础图层
		gc2.setBaseLayer("osm");

		// 添加数据库中的瓦片图层
		gc2.addTileLayers({
			db: "geocloud",
			layers: ['public.covid19_20210228', 'public.wuhan_road','public.srtm_58_08','public.srtm_58_09','public.srtm_59_08','public.srtm_59_09'],

			// 指定添加图层的名称
			//names: ['全球疫情', '武汉道路']
		});

		// 调用原生的Leaflet地图对象显示地图
		gc2.map.setView([0, 0], 2);
	</script>
</html>
